{{useCss "/app-pages/css/find_password.scss"}}
<div class="typetitle">找回密码</div>
<div class="step_box">
    <div class="find_password {{$Cache.find_password.step||'step_a'}}">
        <div class="item">
            <div class="title">1.输入关联手机号/邮箱</div>
            <hr />
            <div class="ibox">
                <input type="text" bind-input="{{'$Cache.find_password.user_bind'}}" bind-value="{{$Cache.find_password.user_bind}}" placeholder="请输入账号绑定的手机号或邮箱" />
            </div>
            <div class="ibox">
                <button event-click="{{'$Event.find_password.confirm'}}">提交申请</button>
            </div>
        </div>
        <div class="item">
            <div class="title">2.输入验证码和新密码</div>
            <hr />
            <div class="ibox">
                <input type="text" bind-input="{{'$Cache.find_password.code'}}" bind-value="{{$Cache.find_password.code}}" placeholder="请输入发送到手机或邮箱的验证码" />
            </div>
            <div class="ibox">
                <input type="password" bind-input="{{'$Cache.find_password.new_password'}}" bind-value="{{$Cache.find_password.new_password}}" placeholder="新密码" />
            </div>
            <div class="ibox">
                <input type="password" bind-input="{{'$Cache.find_password.re_password'}}" bind-value="{{$Cache.find_password.re_password}}" placeholder="重复新密码" />
            </div>
            <div class="ibox">
                <button event-click="{{'$Event.find_password.update_password'}}">确定修改</button>
            </div>
        </div>
        <div class="item">
            <div class="title">3.修改成功</div>
            <hr />
            <div class="ibox">
                <p><i>恭喜您成功修改/找回密码！请牢记您的新密码</i>
                </p>
            </div>
        </div>
    </div>
</div>
